body{margin:0px auto;padding:0;background:#333;font:18px/18px arial;color:#fff;text-align:center }
.header-1,.header-2,.header-3,.header-title-content{border:1px solid #fff;}
.header-wrapper{width:100%;background:#333;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.header-inner{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.header-content{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.header-1,.header-2,.header-3{width:33%;overflow:hidden;position:relative;float:left;margin: 10px auto;}
.header-1{height:80px;}.header-2,.header-3{height:40px;margin-top:50px;}
.header-title-content{width:66%;height:30px;overflow:hidden;position:absolute;right:0;top:10px;}		
/* START POS */
.post-1,.post-2,.post-3,.post-content{border:1px solid #fff;}
.bulat-1,.bulat-2,.bulat-3{border:1px solid #ff0000;}
.post-wrapper{width:100%;background:#333;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-inner{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-content{width:95%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-1,.post-2,.post-3{width:33.1%;height:300px;margin:20px auto;overflow:hidden;position:relative;float:left}

.post-inner-top{width:100%;background:#fff;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-top-1{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.top-1{width:100%;background:#333;position:absolute;top:0;z-index:1;}
.top-2{width:100%;position:absolute;top:155px;overflow:hidden;}


.post-top-1{min-height:620px;max-height:1715px;height:auto;}
.top-1{height:290px;}
.top-2-content-1,.top-2-content-2,.top-2-content-3{height:475px;}
.top-2-content-1,.top-2-content-2,.top-2-content-3{width:33%;position:relative;float:left;margin:0px auto;z-index:1;}

.bulat{width:206px;height:206px;background:#333;border-radius:50%;border:10px solid #F0EFEF;float:left;margin:0 40px}
/* START FOOTER */
.footer-1,.footer-2,.footer-3{border:1px solid #fff;}
.footer-wrapper{width:100%;background:#333;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.footer-inner{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.footer-content{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.footer-1,.footer-2,.footer-3{width:33.1%;height:40px;margin:10px auto;overflow:hidden;position:relative;float:left}

@media screen and (max-width: 1024px){

}
@media screen and (max-width: 980px){
.top-2-content-1,.top-2-content-2,.top-2-content-3{width:100%;}.bulat {margin:0% 35%;}
.post-top-1{min-height:1715px;}
.post-1, .post-2, .post-3 {width:99%}
}
@media screen and (max-width: 768px){
.header-1,.header-2,.header-3{width:98%;margin:0px;}.header-title-content{display:none}
.footer-1,.footer-2,.footer-3{width:98%;margin:0px;}


}
@media screen and (max-width: 667px){

}
@media screen and (max-width: 600px){

}
@media screen and (max-width: 568px){
}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 384px){
.bulat {margin:0% 20%;}
}
@media screen and (max-width: 320px){
.bulat {margin:0% 15%}
}
@media screen and (max-width: 240px){
.bulat {margin:0% 3%;}
}